// material-ui
import { Typography, Grid } from '@mui/material';

// project imports
import MainCard from 'ui-component/cards/MainCard';
import { gridSpacing } from 'store/constant';
import SubCard from 'ui-component/cards/SubCard';
import Example from './show-assets';
import Myconfig from './myconfig';

// ==============================|| SAMPLE PAGE ||============================== //

const InvestPage = () => (
  <MainCard title="投资管理">
    <Grid container spacing={gridSpacing}>
      <Grid item xs={12}>
        <SubCard title="First">
          <Grid container spacing={gridSpacing}>
            <Grid item>
              <Typography fontSize="1.2rem">Hi, 这是给你的投资建议</Typography>
            </Grid>
          </Grid>
        </SubCard>
      </Grid>
      <Grid item xs={12}>
        <SubCard title="Second">
          <Grid container spacing={gridSpacing}>
            <Grid item xs={12}>
              <Typography variant="body1" fontSize="1.2rem">
                Hi, 这是你的资产组合情况：
              </Typography>
            </Grid>
            <Grid item xs={12} justifyContent="center">
              <Example />
            </Grid>
          </Grid>
        </SubCard>
      </Grid>
      <Grid item xs={12}>
        <SubCard title="Third">
          <Grid container spacing={gridSpacing}>
            <Grid item xs={12}>
              <Typography fontSize="1.2rem">Hi，这是你的资产管理</Typography>
            </Grid>
            <Grid item>
              <Myconfig />
            </Grid>
          </Grid>
        </SubCard>
      </Grid>
    </Grid>
  </MainCard>
);

export default InvestPage;
